<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Exercise04</title>
		<style type="text/css">
			td{
				width: 100;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<h1>Register your opinion</h1>
		<p>How well do you rate the information on this site (where 1 is very
			poor, and 5 is very good)?</p>
		<form action="http://www.example.org" method="post">
		<table>
			<tr>
				<td><input type="radio" name="radVote" value="1" id="vpoor"/></td>
				<td><input type="radio" name="radVote" value="2" id="poor"/></td>
				<td><input type="radio" name="radVote" value="3" id="average" checked="checked"/></td>
				<td><input type="radio" name="radVote" value="4"id="good"/></td>
				<td><input type="radio" name="radVote" value="5" id="vgood"/></td>
			</tr>
			<tr>
				<td><label for="vpoor">1<br/>Very Poor</label></td>
				<td><label for="poor">2<br/>Poor</label></td>
				<td><label for="average">3<br/>Average</label></td>
				<td><label for="good">4<br/>Good</label></td>
				<td><label for="vgood">5<br/>Very Good</label></td>
			</tr>
		</table>
		<input type="submit" value="Vote now" />
		</form>
	</body>
</html>
